// Copyright (c) Microsoft Corporation. All rights reserved.
// Licensed under the MIT License.
@import '../../common/styles/colors.scss';

.diagnostic-view-toggle {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: minmax(25px, min-content) minmax(25px, min-content);
    align-items: center;

    .title {
        font-weight: 600;
        font-size: 15px;
    }

    .toggle {
        grid-row: 1;
        grid-column: 2;
        justify-self: end;

        :global(.ms-Toggle-stateText) {
            margin-right: 0;
        }
    }

    .shortcut {
        grid-row: 2;
        grid-column: 2;
        justify-self: end;
        font-weight: 400;
        font-size: 11px;
        color: $secondary-text;
    }
}
